<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="True">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--<title>爱淘金</title>-->
<link rel="stylesheet" type="text/css" media="all" href="css/swiper.min.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />

<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" language="javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script src="js/js.js" type="text/javascript"></script>
<style type="text/css">
	.diahome{width:6rem;background:#fff;border-radius:.1rem;margin:0 auto;padding:.001rem;}
	.diahome .diahomep{line-height: 1rem;text-align: center;font-size:.34rem;}
	.diahome .diahomelink{background:rgb(235,59,0);color:#fff;margin:.2rem auto .4rem;display: block;width:2rem;text-align: center;line-height: .6rem;border-radius: .1rem;;}
</style>
</head>
<body>
	<!--顶部-->
	<div class="header inheader">
		<h1 class="hetitle inhetitle">爱存油</h1>
		<a href="javascript:dialog('#d1');" class="helr inhelr">
			<img src="images/helrpic.png" alt="" class="helrpic" /><span class="inhelrsp">签到</span>
		</a>
	</div>
	
	<div id="page" class="page m3">
		<!-- banner -->
		<div class="banner">
			<div class="swiper-container">
			  <div class="swiper-wrapper">
			    <div class="swiper-slide"><img src="images/banner.png" alt="" class="baimg" /></div>
			    <div class="swiper-slide"><img src="images/banner.png" alt="" class="baimg" /></div>
			    <div class="swiper-slide"><img src="images/banner.png" alt="" class="baimg" /></div>
			  </div>
			  <div class="swiper-pagination"></div>
			</div>
		</div>
		<!-- 资讯 -->
		<div class="innews">
			<div class="swiper-container">
			  <div class="swiper-wrapper">
			    <div class="swiper-slide">
			    	<div class="innewsp">
			    		<p class="innewsp1">274.02</p>
				    	<p class="innewsp2">-2.28  +3.82</p>
				    	<p class="innewsp3">中国黄金</p>
			    	</div>
			    </div>
			    <div class="swiper-slide">
			    	<div class="innewsp">
			    		<p class="innewsp1">168.02</p>
				    	<p class="innewsp2">-2.28  +3.82</p>
				    	<p class="innewsp3">中国石化</p>
			    	</div>
			    </div>
			    <div class="swiper-slide">
			    	<div class="innewsp on">
			    		<p class="innewsp1">168.02</p>
				    	<p class="innewsp2">-2.28  +3.82</p>
				    	<p class="innewsp3">世博黄金</p>
			    	</div>
			    </div>
			    <div class="swiper-slide">
			    	<div class="innewsp">
			    		<p class="innewsp1">274.02</p>
				    	<p class="innewsp2">-2.28  +3.82</p>
				    	<p class="innewsp3">中国黄金</p>
			    	</div>
			    </div>
			    <div class="swiper-slide on">
			    	<div class="innewsp">
			    		<p class="innewsp1">168.02</p>
				    	<p class="innewsp2">-2.28  +3.82</p>
				    	<p class="innewsp3">中国石化</p>
			    	</div>
			    </div>
			    <div class="swiper-slide">
			    	<div class="innewsp">
			    		<p class="innewsp1">168.02</p>
				    	<p class="innewsp2">-2.28  +3.82</p>
				    	<p class="innewsp3">世博黄金</p>
			    	</div>
			    </div>
			    <div class="swiper-slide on">
			    	<div class="innewsp">
			    		<p class="innewsp1">274.02</p>
				    	<p class="innewsp2">-2.28  +3.82</p>
				    	<p class="innewsp3">中国黄金</p>
			    	</div>
			    </div>
			    <div class="swiper-slide">
			    	<div class="innewsp">
			    		<p class="innewsp1">168.02</p>
				    	<p class="innewsp2">-2.28  +3.82</p>
				    	<p class="innewsp3">中国石化</p>
			    	</div>
			    </div>
			    <div class="swiper-slide">
			    	<div class="innewsp">
			    		<p class="innewsp1">168.02</p>
				    	<p class="innewsp2">-2.28  +3.82</p>
				    	<p class="innewsp3">世博黄金</p>
			    	</div>
			    </div>
			  </div>
			  <div class="swiper-pagination"></div>
			</div>
		</div>
		<!--次导航-->
		<div class="innav">
			<a href="javascript:;" class="innavlink">
				<img src="images/ninnavpic1.png" alt="" class="ninnavpic" />我的淘油
			</a>
			<a href="index_novice.html" class="innavlink">
				<img src="images/ninnavpic2.png" alt="" class="ninnavpic" />新手学堂
			</a>
			<a href="storage_myoil.html" class="innavlink">
				<img src="images/ninnavpic3.png" alt="" class="ninnavpic" />我的存油
			</a>
			<a href="index_welfare.html" class="innavlink">
				<img src="images/ninnavpic4.png" alt="" class="ninnavpic" />每日福利
			</a> 
		</div>
		<!--公告轮播-->
		<div class="ingg">
			<img src="images/ggle.png" alt="" class="ggle" />
			<div class="txtMarquee-top">
				<div class="bd">
					<ul class="infoList">
						<li class="infoitem">
                            <a href="means.html" class="infolink">
								<span class="infot1">张**购买800元油卡购买800元油卡，获得80积分！</span>
								<span class="infot1s">2018-11-07</span>
							</a>
                       </li>
                       <li class="infoitem">
                            <a href="means.html" class="infolink">
								<span class="infot1">2张**购买800元油卡购买800元油卡，获得80积分！</span>
								<span class="infot1s">2018-11-07</span>
							</a>
                       </li>
                       <li class="infoitem">
                            <a href="means.html" class="infolink">
								<span class="infot1">3张**购买800元油卡购买800元油卡，获得80积分！</span>
								<span class="infot1s">2018-11-07</span>
							</a>
                       </li>
					</ul>
				</div>
			</div>
		</div>
		<!--推荐-->
		<div class="recomm">
			<p class="recommt1"><span class="recommt1sp">推荐续费加油站点</span></p>
			<div class="recommd">
				<div class="recommdle">
					<p class="recommdlet1">负责人</p>
					<p class="recommdlet2">祝嘉民</p>
					<a href="javascript:;" class="recommdlet3">预约排队</a>
				</div>
				<div class="recommdlr">
					<p class="recommdlrt1">******服务明星</p>
					<p class="recommdlrt2">
						<span class="recommdlrt2sp">微笑之星</span>
						<span class="recommdlrt2sp">火爆定增</span>
						<span class="recommdlrt2sp">5年服务</span>
					</p>
					<p class="recommdlrt3">
						<img src="images/recommdlrt3pic.png" alt="" class="recommdlrt3pic" />想知道油价的最低行情吗？想在涨价前加满油吗？请找我。
					</p>
				</div>
			</div>
		</div>
		<!--推荐列表-->
		<ul class="inlist">
			<li class="initem">
				<a href="text-details.html" class="initemlink">
					<div class="initemle">
						<p class="initemlep1">国家公布”限涨令”所以原油涨达15%！</p>
						<p class="initemlep2">
							<span class="initemlep2s1">花生小家装</span>
							<span class="initemlep2s2">10分钟前</span>
							<img src="images/initemlep2s3.png" alt="" class="initemlep2s3" />
						</p>
					</div>
					<img src="images/initemle.png" alt="" class="initemlr" />
				</a>
			</li>
			<li class="initem">
				<a href="text-details.html" class="initemlink">
					<div class="initemle">
						<p class="initemlep1">国家公布”限涨令”所以原油涨达15%！</p>
						<p class="initemlep2">
							<span class="initemlep2s1">花生小家装</span>
							<span class="initemlep2s2">10分钟前</span>
							<img src="images/initemlep2s3.png" alt="" class="initemlep2s3" />
						</p>
					</div>
					<img src="images/initemle.png" alt="" class="initemlr" />
				</a>
			</li>
			<li class="initem">
				<a href="text-details.html" class="initemlink">
					<div class="initemle">
						<p class="initemlep1">国家公布”限涨令”所以原油涨达15%！</p>
						<p class="initemlep2">
							<span class="initemlep2s1">花生小家装</span>
							<span class="initemlep2s2">10分钟前</span>
							<img src="images/initemlep2s3.png" alt="" class="initemlep2s3" />
						</p>
					</div>
					<img src="images/initemle.png" alt="" class="initemlr" />
				</a>
			</li>
		</ul>
		
	</div>
	
	<!-- footer -->
	<div class="footer">
		<div class="fonav">
			<a href="home.html" class="foitem on">
				<img src="images/foimg1_on.png" alt="" class="foimg" />首页
			</a>
			<a href="quotes.html" class="foitem">
				<img src="images/foimg2.png" alt="" class="foimg" />行情
			</a>
			<a href="storage.html" class="foitem">
				<img src="images/foimg3.png" alt="" class="foimg" />存油
			</a>
			<a href="circle.html" class="foitem">
				<img src="images/foimg5.png" alt="" class="foimg" />圈子
			</a>
			<a href="my.html" class="foitem">
				<img src="images/foimg4.png" alt="" class="foimg" />我的
			</a>
		</div>
	</div>
	<!--遮罩-->
	<div class="mask" onclick="dialogClose()"></div>
	<!--筛选弹窗-->
	<div class="dialog" id="d1">
		<div class="dialog_content" style="background:none">
			<div class="diahome">
				<p class="diahomep">签到成功</p>
				<a href="javascript:dialogClose();" class="diahomelink">确认</a>
			</div>
	    </div>
	</div>
</body>
<script>
$(function(){
	// banner轮播
	var mySwiper = new Swiper('.banner .swiper-container', {
		autoplay: 3000,
		pagination : '.banner .swiper-pagination',
		loop : true,
	})
	
	//资讯
	var mySwiper = new Swiper('.innews .swiper-container', {
		autoplay: 3000,
		pagination : '.innews .swiper-pagination',
		slidesPerView : 3,
		slidesPerGroup : 3,
		loop : true,
	})
	
	//文字轮播
	jQuery(".txtMarquee-top").slide({mainCell:".bd ul",autoPage:true,effect:"top",autoPlay:true,vis:1,delayTime:300});
	
	
	//签到弹窗
	$(".diahomelink").click(function(){
		$(".inhelrsp").html("已签到")
	})
})
</script>
</html>